<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>混入</title>
</head>
<body>

<div id="root">

</div>

<script src="./js/vue.js"></script>
<script>
	// 全局混入
	Vue.mixin({
		// 全局混入，只混入vue配置选项，优先级是最高的
		created(){
		  console.log('mixin-中的created')
		},
		methods:{
		  fn1(){
		    console.log('mixin-中的fn1方法')
			},
			fn2(){
		    console.log('mixin-- fn2方法')
			}
		}
	})
  new Vue({
    el: '#root',
		// 生命周期方法  它也会执行
		created() {
      console.log('created')
			this.fn1()
			this.fn2()
    },
		methods:{
      // 选项中方法
			// 混入如果不是直接的vue配置选项，如methods中的方法名相同，则以methods中的方法为主
      fn1(){
				console.log('methods-fn1')
			}
		}
  })
</script>
</body>
</html>